<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>网易严选 - 以严谨的态度，为中国消费者甄选天下优品</title>
  <link rel="shortcut icon" href="http://you.163.com/favicon.ico?r=newgold" type="image/x-icon" />
  <!-- 选项卡左边的图片-->
  <link rel="stylesheet" href="style/font-awesome.min.css" />
  <link rel="stylesheet" href="style/index.css" />
  <script src="js/jquery1.42.min.js" type="text/javascript"></script>
  <script src="js/jquery.superslide.2.1.1.js" type="text/javascript"></script>
</head>

<body>
  <div id="j-top">
    <div id="yx-cp-base">
      <div class="yx-cp-row">
        <ul>
          <li><a href="#">登录/注册</a>|</li>
          <li><a href="#">我的订单</a>|</li>
          <li><a href="#">会员</a>|</li>
          <li><a href="#">甄选家</a>|</li>
          <li><a href="#">企业采购 <i class="fa fa-angle-down"></i>
                    <div class="ove"><i class="fa fa-caret-up" aria-hidden="true"></i></div>
                    </a>|</li>
          <li><a href="#">客户服务 <i class="fa fa-angle-down"></i></a>|</li>
          <li><a href="#"><i class="fa fa-mobile-phone"></i> APP</a></li>
        </ul>
      </div>
    </div>
    <div id="yx-cp-functab">
      <div class="yx-cp-row">
        <div id="yx-cp-logo"></div>
        <div id="yx-cp-search">
          <input type="text" id="yx-cp-search-1">
          <button id="yx-cp-search-2">搜索</button>
          <i class="fa fa-search"></i>
          <p><a href="#">新人首单0元购</a></p>
        </div>
        <div id="yx-cp-cart">
          <i class="fa fa-shopping-cart"></i> 购物车
          <span>0</span>
        </div>
        <div id="yx-cp-user">
          <ul>
            <li class="active"><a href="#">首页</a></li>
            <li><a href="#">居家生活</a></li>
            <li><a href="#">服饰鞋包</a></li>
            <li><a href="#">美食酒水</a></li>
            <li><a href="#">个护清洁</a></li>
            <li><a href="#">母婴亲子</a></li>
            <li><a href="#">运动旅行</a></li>
            <li><a href="#">数码家电</a></li>
            <li><a href="#">严选全球</a></li>
            <li><a href="#">为你严选</a></li>
            <li><a href="#">众筹</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div id="g-bd">
    <!-- 代码 开始 -->
    <div class="www51buycom">
      <ul class="51buypic">
        <li>
          <a href="#" target="_blank"><img src="images/7d0ad19b2d443682f206085329bbb11a.webp.jpg" /></a>
        </li>
        <li>
          <a href="#" target="_blank"><img src="images/7d0ad19b2d443682f206085329bbb11a.webp.jpg" /></a>
        </li>
      </ul>
      <a class="prev" href="javascript:void(0)"></a>
      <a class="next" href="javascript:void(0)"></a>
      <div class="num">
        <ul></ul>
      </div>
    </div>
    <script>
      /*鼠标移过，左右按钮显示*/
      $(".www51buycom").hover(function() {
          $(this).find(".prev,.next").fadeTo("show", 0.1);
        }, function() {
          $(this).find(".prev,.next").hide();
        })
        /*鼠标移过某个按钮 高亮显示*/
      $(".prev,.next").hover(function() {
        $(this).fadeTo("show", 0.7);
      }, function() {
        $(this).fadeTo("show", 0.1);
      })
      $(".www51buycom").slide({
        titCell: ".num ul",
        mainCell: ".51buypic",
        effect: "fold",
        autoPlay: true,
        delayTime: 700,
        autoPage: true
      });
    </script>
    <!-- 代码 结束 -->
  </div>
  <div id="m-indexSideBar">
    <div id="m-indexSideBar-title">- 热销榜 -</div>
    <ul>
      <li>
        <img src="images/d83d6cc58589e7b9540e57809920d961.webp.jpg" />
        <p>全站</p>
        <p>热销榜</p>
      </li>
      <li>
        <img src="images/1居家生活.webp" />
        <p>居家</p>
        <p>生活榜</p>
      </li>
      <li>
        <img src="images/1服饰鞋包.webp" />
        <p>服饰</p>
        <p>鞋包榜</p>
      </li>
      <li>
        <img src="images/1美食酒水.webp" />
        <p>美食</p>
        <p>酒水榜</p>
      </li>
      <li>
        <img src="images/1数码家电.webp" />
        <p>数码</p>
        <p>家电榜</p>
      </li>
      <li>
        <img src="images/1个护清洁.webp" />
        <p>个护</p>
        <p>清洁榜</p>
      </li>
      <li>
        <img src="images/1运动旅行.webp" />
        <p>运动</p>
        <p>旅行榜</p>
      </li>
      <li>
        <img src="images/1母婴亲子.webp" />
        <p>母婴</p>
        <p>亲子榜</p>
      </li>
      <li class="last">
        <img src="images/1全球特色.webp" />
        <p>全球</p>
        <p>特色榜</p>
      </li>
    </ul>
  </div>
  <div id="cp-new">
    <div class="yx-cp-row">
      <div class="cp-new-title">
        <h3>新品首发 <span>为你寻觅世间好物</span></h3>
        <div class="f-right">更多新品 &gt;</div>
      </div>
      <div id="cp-new-newlist">
        <div class="cp-new-newlist-item">
          <div class="cp-new-newlist-item-img i1"></div>
          <p class="tags"><span>特价</span></p>
          <div class="cp-new-newlist-item-title">强软弹厚底男女居家拖鞋</div>
          <div class="cp-new-newlist-item-price">￥28 <span>￥29.9</span></div>
        </div>
        <div class="cp-new-newlist-item">
          <div class="cp-new-newlist-item-img i2"></div>
          <p class="tags"><span>特价</span></p>
          <div class="cp-new-newlist-item-title">强软弹厚底男女居家拖鞋</div>
          <div class="cp-new-newlist-item-price">￥28 <span>￥29.9</span></div>
        </div>
        <div class="cp-new-newlist-item">
          <div class="cp-new-newlist-item-img i3"></div>
          <p class="tags"><span>特价</span></p>
          <div class="cp-new-newlist-item-title">强软弹厚底男女居家拖鞋</div>
          <div class="cp-new-newlist-item-price">￥28 <span>￥29.9</span></div>
        </div>
        <div class="cp-new-newlist-item">
          <div class="cp-new-newlist-item-img i4"></div>
          <p class="tags"><span>特价</span></p>
          <div class="cp-new-newlist-item-title">强软弹厚底男女居家拖鞋</div>
          <div class="cp-new-newlist-item-price">￥28 <span>￥29.9</span></div>
        </div>
      </div>
    </div>
  </div>
  <div id="m-indexPopular">
    <div class="yx-cp-row">
      <div class="cp-new-title">
        <h3>人气推荐
          <a href="#" class="active">编辑推荐</a>
          <a href="#">热销总榜</a>
        </h3>
        <div class="f-right">更多新品 &gt;</div>
      </div>
      <div id="m-product-left">
        <div class="m-product-left-img"></div>
        <div class="m-product-left-title">618省钱卡，纯补贴无套路</div>
        <div class="m-product-left-price">¥3</div>
      </div>
      <div id="m-product-right">
        <div class="m-product-right-item">
          <div class="m-product-right-item-img i5">
            <div class="m-product-right-item-img-1">
              <img src="images/deade6672ad7d23a9024cd31cb684173.png" />
            </div>
            <div class="m-product-right-item-img-2">
              新人特价￥16元起
            </div>
            <div class="m-product-right-item-img-3">
              限400件 仅剩9天
            </div>
          </div>
          <p class="tags"><span>特价</span></p>
          <div class="cp-new-newlist-item-title">强软弹厚底男女居家拖鞋</div>
          <div class="cp-new-newlist-item-price">￥28 <span>￥29.9</span></div>
        </div>
        <div class="m-product-right-item">
          <div class="m-product-right-item-img i5">
            <div class="m-product-right-item-img-1">
              <img src="images/deade6672ad7d23a9024cd31cb684173.png" />
            </div>
            <div class="m-product-right-item-img-2">
              新人特价￥16元起
            </div>
            <div class="m-product-right-item-img-3">
              限400件 仅剩9天
            </div>
          </div>
          <p class="tags"><span>特价</span></p>
          <div class="cp-new-newlist-item-title">强软弹厚底男女居家拖鞋</div>
          <div class="cp-new-newlist-item-price">￥28 <span>￥29.9</span></div>
        </div>
        <div class="m-product-right-item">
          <div class="m-product-right-item-img i5">
            <div class="m-product-right-item-img-1">
              <img src="images/deade6672ad7d23a9024cd31cb684173.png" />
            </div>
            <div class="m-product-right-item-img-2">
              新人特价￥16元起
            </div>
            <div class="m-product-right-item-img-3">
              限400件 仅剩9天
            </div>
          </div>
          <p class="tags"><span>特价</span></p>
          <div class="cp-new-newlist-item-title">强软弹厚底男女居家拖鞋</div>
          <div class="cp-new-newlist-item-price">￥28 <span>￥29.9</span></div>
        </div>
        <div class="m-product-right-item">
          <div class="m-product-right-item-img i5">
            <div class="m-product-right-item-img-1">
              <img src="images/deade6672ad7d23a9024cd31cb684173.png" />
            </div>
            <div class="m-product-right-item-img-2">
              新人特价￥16元起
            </div>
            <div class="m-product-right-item-img-3">
              限400件 仅剩9天
            </div>
          </div>
          <p class="tags"><span>特价</span></p>
          <div class="cp-new-newlist-item-title">强软弹厚底男女居家拖鞋</div>
          <div class="cp-new-newlist-item-price">￥28 <span>￥29.9</span></div>
        </div>
        <div class="m-product-right-item">
          <div class="m-product-right-item-img i5">
            <div class="m-product-right-item-img-1">
              <img src="images/deade6672ad7d23a9024cd31cb684173.png" />
            </div>
            <div class="m-product-right-item-img-2">
              新人特价￥16元起
            </div>
            <div class="m-product-right-item-img-3">
              限400件 仅剩9天
            </div>
          </div>
          <p class="tags"><span>特价</span></p>
          <div class="cp-new-newlist-item-title">强软弹厚底男女居家拖鞋</div>
          <div class="cp-new-newlist-item-price">￥28 <span>￥29.9</span></div>
        </div>
        <div class="m-product-right-item">
          <div class="m-product-right-item-img i5">
            <div class="m-product-right-item-img-1">
              <img src="images/deade6672ad7d23a9024cd31cb684173.png" />
            </div>
            <div class="m-product-right-item-img-2">
              新人特价￥16元起
            </div>
            <div class="m-product-right-item-img-3">
              限400件 仅剩9天
            </div>
          </div>
          <p class="tags"><span>特价</span></p>
          <div class="cp-new-newlist-item-title">强软弹厚底男女居家拖鞋</div>
          <div class="cp-new-newlist-item-price">￥28 <span>￥29.9</span></div>
        </div>
      </div>
    </div>
  </div>
  <div id="m-indexCate">
    <div class="yx-cp-row">
      <div class="cp-new-title">
        <h3>居家生活
          <ul>
            <li><a href="#">收纳家饰</a>/</li>
            <li><a href="#">好物精选</a>/</li>
            <li><a href="#">疫情防控</a>/</li>
            <li><a href="#">618囤货精选</a>/</li>
            <li><a href="#">北欧原木</a>/</li>
            <li><a href="#">家庭医疗</a>/</li>
            <li><a href="#">餐厨爆款清单</a></li>
          </ul>
        </h3>
        <div class="f-right">更多新品 &gt;</div>
      </div>
      <div class="banner"></div>
      <div class="m-indexCate-menu">
        <div class="m-product-right-item">
          <div class="m-product-right-item-img i5">
            <div class="m-product-right-item-img-1">
              <img src="images/deade6672ad7d23a9024cd31cb684173.png" />
            </div>
            <div class="m-product-right-item-img-2">
              新人特价￥16元起
            </div>
            <div class="m-product-right-item-img-3">
              限400件 仅剩9天
            </div>
          </div>
          <p class="tags"><span>特价</span></p>
          <div class="cp-new-newlist-item-title">强软弹厚底男女居家拖鞋</div>
          <div class="cp-new-newlist-item-price">￥28 <span>￥29.9</span></div>
        </div>
        <div class="m-product-right-item">
          <div class="m-product-right-item-img i5">
            <div class="m-product-right-item-img-1">
              <img src="images/deade6672ad7d23a9024cd31cb684173.png" />
            </div>
            <div class="m-product-right-item-img-2">
              新人特价￥16元起
            </div>
            <div class="m-product-right-item-img-3">
              限400件 仅剩9天
            </div>
          </div>
          <p class="tags"><span>特价</span></p>
          <div class="cp-new-newlist-item-title">强软弹厚底男女居家拖鞋</div>
          <div class="cp-new-newlist-item-price">￥28 <span>￥29.9</span></div>
        </div>
        <div class="m-product-right-item">
          <div class="m-product-right-item-img i5">
            <div class="m-product-right-item-img-1">
              <img src="images/deade6672ad7d23a9024cd31cb684173.png" />
            </div>
            <div class="m-product-right-item-img-2">
              新人特价￥16元起
            </div>
            <div class="m-product-right-item-img-3">
              限400件 仅剩9天
            </div>
          </div>
          <p class="tags"><span>特价</span></p>
          <div class="cp-new-newlist-item-title">强软弹厚底男女居家拖鞋</div>
          <div class="cp-new-newlist-item-price">￥28 <span>￥29.9</span></div>
        </div>
        <div class="m-product-right-item l">
          <div class="m-product-right-item-img i5">
            <div class="m-product-right-item-img-1">
              <img src="images/deade6672ad7d23a9024cd31cb684173.png" />
            </div>
            <div class="m-product-right-item-img-2">
              新人特价￥16元起
            </div>
            <div class="m-product-right-item-img-3">
              限400件 仅剩9天
            </div>
          </div>
          <p class="tags"><span>特价</span></p>
          <div class="cp-new-newlist-item-title">强软弹厚底男女居家拖鞋</div>
          <div class="cp-new-newlist-item-price">￥28 <span>￥29.9</span></div>
        </div>
        <div class="c"></div>
      </div>
    </div>
  </div>
  <div id="j-YXComponentFoot">
    <div id="yx-cp-m-ft1">
      <div class="yx-cp-row">
        <div class="yx-cp-m-ft1-item">
          <h4>客户服务</h4>
          <a href="javascript:;"><i class="fa fa-volume-control-phone" aria-hidden="true"></i><div>在线客服</div></a>
          <a href="javascript:;"><i class="fa fa-commenting-o" aria-hidden="true"></i><div>用户反馈</div></a>
        </div>
        <div class="yx-cp-m-ft1-item">
          <h4>何为网易严选</h4>
          <p>网易严选是深受新中产喜爱的生活方式品牌, 为消费者提供一站式、全品类、全方位的美好生活解决方案。我们通过简约、实用、舒适的美学设计, 不断带来高品质灵感好物, 陪伴3000万新中产用户「活出自己喜欢的样子」, 共同倡导多元化的生活价值主张——每个人都可以把生活的选择权交还给自己。</p>
          <div class="yx-cp-m-followUs">
            <p class="yx-cp-title">关注我们:</p>
            <img src="./images/wb-wx-dy.png" alt="">
          </div>
        </div>
        <div class="yx-cp-m-ft1-item">
          <div class="yx-cp-m-ftAppDownload">
            <h4>扫码下载严选APP</h4>
            <img src="./images/2.二维码.png" alt="">
            <a href="">下载领大额新人礼包</a>
          </div>
        </div>
      </div>
    </div>
    <div id="yx-cp-m-ft2">
      <div class="yx-cp-row">
        <div class="yx-cp-m-ft2-1">
          <div class="yx-cp-m-ft2-1-item">
            <div class="yx-cp-icon-yxfoot"></div>
            <p>网易自营电商</p>
          </div>
          <div class="yx-cp-m-ft2-1-item">
            <div class="yx-cp-icon-yxfoot"></div>
            <p>30天无忧退换货</p>
          </div>
          <div class="yx-cp-m-ft2-1-item">
            <div class="yx-cp-icon-yxfoot"></div>
            <p>满99元免邮费</p>
          </div>
          <div class="yx-cp-m-ft2-1-item">
            <div class="yx-cp-icon-yxfoot"></div>
            <p>品质保证</p>
          </div>
          <div class="c"></div>
        </div>
        <div class="yx-cp-m-ft2-2">
          <div class="yx-cp-nav">
            <a href="">关于我们</a>
            <b>|</b>
            <a href="">帮助中心</a>
            <b>|</b>
            <a href="">售后服务</a>
            <b>|</b>
            <a href="">配送与验收</a>
            <b>|</b>
            <a href="">商务合作</a>
            <b>|</b>
            <a href="">企业采购</a>
            <b>|</b>
            <a href="">开放平台</a>
            <b>|</b>
            <a href="">搜索推荐</a>
            <b>|</b>
            <a href="">友情链接</a>
            <b>|</b>
            <a href="">廉正举报</a>
          </div>
          <div class="yx-cp-copyright">
            <a href="">食品经营许可证：JY13301080111719</a>
            <a href="">出版物经营许可证：新出发滨字第0132号</a>
            <p>妙得ICP证号：ICP 证浙B2-20160106</p>
            <a href="">浙杭食药监械经营备20171029号</a>
            <a href="">营业执照</a>
            <p>网易公司版权所有 © 1997-2021</p>
          </div>
          <div class="yx-cp-police">
            <a href="">无线电发射设备销售备案：42202011096855</a>
            <a href="">（浙杭）网械企备字[2019]第00119号</a>
            <p>（粤）网械平台备字（2019）第00004号（粤）-非经营性-2016-0023</p>
            <a href="">进口冷链食品管理承诺书</a>
          </div>
          <div class="yx-cp-police">
            <a href="">食品经营许可证：JY14207050007694</a>
            <p> 浙江省网络食品销售第三方平台提供者备案：浙网食A33010009</p>
            <a href="">单用途商业预付卡备案证：330100AAC0024</a>
          </div>
          <div class="yx-cp-police">
            <p>出版物网络交易平台服务经营备案：新出发浙备字第2021006号</p>
          </div>

        </div>
      </div>
    </div>
  </div>
  <!--  吸顶盒子 -->
  <div id="yx-cp-m-funcTab">
    <div class="yx-cp-row">
      <img src="./images/1.网易严选logo.png" />
      <ul>
        <li class="active"><a href="#">首页</a></li>
        <li><a href="#">居家生活</a></li>
        <li><a href="#">服饰鞋包</a></li>
        <li><a href="#">美食酒水</a></li>
        <li><a href="#">个护清洁</a></li>
        <li><a href="#">母婴亲子</a></li>
        <li><a href="#">运动旅行</a></li>
        <li><a href="#">数码家电</a></li>
        <li><a href="#">严选全球</a></li>
      </ul>
      <i class="fa fa-search" aria-hidden="true"></i>
      <i class="fa fa-user-o" aria-hidden="true"></i>
      <i class="fa fa-shopping-cart" aria-hidden="true"></i>
    </div>
  </div>
  <script>
    /*热销榜定位和吸顶*/
    $(window).scroll(function(e) {
      if (window.pageYOffset > 596) {
        $('#m-indexSideBar').css({
          top: '62px',
          position: 'fixed'
        })
      } else {
        $('#m-indexSideBar').css({
          top: '630px',
          position: 'absolute'
        })
      }
      if (window.pageYOffset > 140) {
        $('#yx-cp-m-funcTab').css({
          display: 'block',
          position: 'fixed',
          top: '0px'
        })
      } else {
        $('#yx-cp-m-funcTab').css({
          display: 'none'
        })
      }
    })

    /*移入移出事件*/
    $('#yx-cp-base ul li').mouseover(function() {
      $(this).find('.ove').css({
        display: 'block'
      });
    })
    $('.ove').mouseout(function() {
      $(this).css({
        display: 'none'
      });
    })
  </script>
</body>

</html>